Vue2 から React へ。35万ユーザーの発注画面を止めずにフルリプレイスした話 - クロスマート Tech Blog
https://gyazo.com/7bf1dbebca5c73a7da6e066946fd78f9
Vue2 から React へ。35万ユーザーの発注画面を止めずにフルリプレイスした話 - クロスマート Tech Blog
Vue2
から
React
への
発注画面
フルリプレイス
における判断と実装方針の整理
なぜ
React
を選定したか
技術的負債
解消と
フロントエンド構造
再構築の必要性
Vue2
、
Nuxt2
の
EOL
到達による
技術スタック
見直し
React
の
エコシステム
の厚みと
選択肢
の多さ
開発者自身の
React
実務経験による
安全性
と
速度
の担保
社内に
Vue
以外の
プロジェクト
を作るという
組織的意義
AI活用
の方針
既存コードの単純
変換
ではなく
新設計
前提の
実装補助
として利用
命名規則
、
ディレクトリ構成
、
コンポーネント責務
などの
ルール
をAI側に定義
AIエージェント
を積極的に試す実験環境としての活用
分担可能な環境
づくり
初期は
技術選定
基本設計
構成方針
を一人で固める判断
正解例
と
中核機能
を先に構築し後半で
複数人開発
を可能にする体制整備
レビュー
と
調整
に集中できる運用への移行
段階的リリース
の選択
35万ユーザーを対象とした新旧画面共存による段階展開
Feature Flag
による即時旧画面復帰の仕組み
インフラ
・
認証
・
CS
対応など多方面への影響を考慮した
想像力
重視の設計
iOS
特定バージョンのみで発生する不具合など想定外への対応
CS
との密な連携による問い合わせ内容の改善反映
振り返り
段階的
リリース
は
負荷
が大きいが事故回避と
ユーザー体験
保護に有効
AI
前提開発、
分担構成
、
フルリプレイス
を通じた大きな学び
発注画面全体を理解し直す貴重な経験